<script setup lang="ts">
import { ref } from 'vue'
import HmXxx from './components/hm-xxx.vue'
// InstanceType:Instance 实例   Type类型
// 获取组件的实例：自定义的组件 InstanceType<typeof 导入的组件>
// vant等外部使用的  它内部都有相应类型处理好了，我们只是导入使用就可以了
const xxxCom = ref<InstanceType<typeof HmXxx>>()
const btnClick = () => {
  xxxCom.value!.validate()
  console.log(xxxCom.value)
}
</script>

<template>
  <div class="app-page">
    <HmXxx ref="xxxCom"></HmXxx>
    <button @click="btnClick">点击获取xxx实例</button>
  </div>
</template>

<style lang="scss" scoped></style>
